<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
    <title>resume-management</title>
    <link rel="stylesheet" type="text/css" href="${contextPath}/resources/css/bootstrap.css">
    <script src="${contextPath}/resources/js/lib/jquery-1.11.3.js"></script>
    <script src="${contextPath}/resources/js/lib/bootstrap.js"></script>
    <script>
    DOMAIN_PATH = '${contextPath}'
    </script>
    <script src="${contextPath}/resources/js/biz/admin-index.js"></script>
</head>
<style>
.navbar .breadcrumb {
    margin: 0 7px;
    background-color: #f8f8f8;
    font-size: 1.2em;
    font-weight: bold;
}

@media (min-width: 768px) {
    .navbar .breadcrumb {
        float: left;
        margin: 7px 10px;
    }
}
</style>

<body>
    <nav class="navbar navbar-default">
        <div class="container">
            <ol class="breadcrumb">
                <li class="active">简历平台</li>
                <li class="active">管理员</li>
            </ol>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#" id="seeker">求职者</a></li>
                <li><a href="#" id="company">企业用户</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="glyphicon glyphicon-user"></span> ${user.name} <span class="caret"></span>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="${contextPath}/admin/logout">退出</a></li>
                    </ul>
                </li>
            </ul>
        </div>
        </div>
    </nav>
    <div class="container">
        <div class="panel panel-default" id="seeker-panel">
            <div class="panel-heading" style="font-size: 20px;">求职者管理
                <button class="btn btn-primary pull-right" id="seeker-add" style="margin-top: -2px;">New seeker</button>
            </div>
            <div class="panel-body" style="overflow: auto;">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>生日</th>
                            <th>学校</th>
                            <th>专业</th>
                            <th>学历</th>
                            <th>经验</th>
                            <th>电话</th>
                            <th>邮箱</th>
                            <th>城市</th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
        <div class="panel panel-default" id="company-panel" style="display: none;">
            <div class="panel-heading" style="font-size: 20px;">企业用户管理
                <button class="btn btn-primary pull-right" id="company-add" style="margin-top: -2px;">New company</button>
            </div>
            <div class="panel-body" style="overflow: auto;">
                <table class="table table-hover">
                    <thead>
                        <tr>
                            <th>名称</th>
                            <th>地址</th>
                            <th>电话</th>
                            <th>网址</th>
                            <th></th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody></tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="modal fade" id="seeker-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title">求职者</h4>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning"></div>
                    <form class="form-horizontal">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Username</label>
                            <div class="col-sm-10">
                                <input class="form-control" type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Password</label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Sex</label>
                            <div class="col-sm-10">
                                <select class="form-control" style="width: 25%;">
                                    <option value="0">男</option>
                                    <option value="1">女</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Birthday</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" placeholder="yyyy-mm">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">School</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Major</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Degree</label>
                            <div class="col-sm-10">
                                <select class="form-control" style="width: 45%;">
                                    <option value="0">大专</option>
                                    <option value="1">本科</option>
                                    <option value="2">硕士</option>
                                    <option value="3">博士</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Workage</label>
                            <div class="col-sm-10">
                                <select class="form-control" style="width: 45%;">
                                    <option value="0">应届生</option>
                                    <option value="1">1年</option>
                                    <option value="2">2年</option>
                                    <option value="3">3年</option>
                                    <option value="4">4年</option>
                                    <option value="5">5年</option>
                                    <option value="6">5年以上</option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Phone</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Email</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-2 control-label">City</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="company-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button class="close" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title">企业用户</h4>
                </div>
                <div class="modal-body">
                    <div class="alert alert-warning"></div>
                    <form>
                        <div class="form-group">
                            <label>Username</label>
                            <input class="form-control" type="text" name="name">
                        </div>
                        <div class="form-group">
                            <label>Password</label>
                            <input type="password" class="form-control" name="pwd">
                        </div>
                        <div class="form-group">
                            <label>Address</label>
                            <input type="text" class="form-control" name="address">
                        </div>
                        <div class="form-group">
                            <label>Phone</label>
                            <input type="text" class="form-control" name="phone">
                        </div>
                        <div class="form-group">
                            <label>Website</label>
                            <input type="text" class="form-control" name="website">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary">保存</button>
                </div>
            </div>
        </div>
    </div>
</body>

</html>
